<template>
  <div>
    <span>我是子组件</span>
    <span>我接受到的遍历获取的值为{{ symbolName }}</span>
    <br />
    <button @click="changeProps">修改</button>
  </div>
</template>
 
<script>
export default {
  name: 'SonComponent',

  props: {
    symbolName: {
      type: Number,
      default: 20
    },
    id: Number
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    changeProps() {
      this.$emit('changeAge', 10, this.id)
    }
  }
}
</script>

<style scoped>
</style>